Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Entrepreneur Connect Milestone 4 : Feed #9

Merged
merged 38 commits into from
Oct 29, 2023
Merged

Conversation

Nemwel-Boniface
Copy link
Owner

@Nemwel-Boniface Nemwel-Boniface commented Oct 26, 2023

Hello 👋

In this milestone, I implemented the following:

  • I created a feed component that has 4 components:
    • Feed Navbar
    • Feed Left
    • Feed Right
    • Feed Middle
  • Implemented the Posts feature allowing users to create posts
  • Allow users to fetch posts that are created
  • Have a PostSlice that handles all the state and API calls
  • Implemented image upload to Cloudinary for the post-creation
  • Edit the signup form to allow image upload to Cloudinary
  • Added validations suing PropTypes for the Post component
  • Checked and fixed all found Eslint and Stylelint syntactical errors

Enjoy! 🚀

  - Created the Feed main page
  - Created the form feed navbar and included the markup for the section
  - Linked the Feed component to the main page
  - Fixed sme typos found to make the feednavbar showing
  - Styled the Feed Navbar tablet and desktop view
  - Linked the feed navbar.css file to the main project
  - Created the different components for the different feed sections. The Feed will have three blocks
  - Added basic styling to help align the three sections accordingly
  - Added the feed.css file to the main project
  - Installed the React calendar to the project
  - Used the React calendar in the project to get the date
  - Added some styling to the feed right and left sections to distinguish them from the main feed
  - Created the Post component to model the structure of a post and style it in readyness for dynamic rendering of posts that are being created.
  - Created the Posts component which will be the parent of a post and the post data will be passed down to the post component as props
  - Linked both the Post and Posts component together and linked to the main project to display it in the feed middle component
  - Created dymmy post data to intend to use it in the post component to model when the details will be retrieved from the API
  - Pass the post data to the post component via props
  - Passed down the posts data to the post component as props
  - Replaced the hardcoded post data to receive and use the data being passed down as props
  - Made some changes to the post styling to fix some minor defects noticed
  - Created the posts slice with the following reducers:
    - addPost
    - delete post
    - Update post
  - Exported the postsSlice together with the reducers created
  - Created multiple extra reducers to define how I want my Redux state to be updated in response to various Redux actions
  - Created the following asyncronous actions in my postsSlice:
    - deletePost
    - createPost
    - fetchPosts
… having the updatePost reducer in the extrareducers
  - Created the AddPost component and linked it to the Feed middle component
  - Setup my Addpost component to communicate with the Redux store and included methods for:
    - Handling submit of the form to send data to the addPost action
    - Created the handleChange that updates the value of the input being used
  - Created the setup for the addPost form
  - Implemented the image upload functionality
  - Ensured that a user is ale to create a post
  - Redirect user to feed page on login
  - Ensured that the createPost function works as expected
@netlify
Copy link

netlify bot commented Oct 26, 2023

Deploy Preview for entrepreneurconnect ready!

Name Link
🔨 Latest commit 9f84d2b
🔍 Latest deploy log https://app.netlify.com/sites/entrepreneurconnect/deploys/653abf733b3fdb0008087ea2
😎 Deploy Preview https://deploy-preview-9--entrepreneurconnect.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@Nemwel-Boniface Nemwel-Boniface changed the title Entrepreneur Connect Milestone 3 : Feed Entrepreneur Connect Milestone 4 : Feed Oct 26, 2023
Copy link
Collaborator

@ChrisOnsando ChrisOnsando left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

src/App.js Outdated Show resolved Hide resolved
@Nemwel-Boniface Nemwel-Boniface merged commit 6c114e3 into development Oct 29, 2023
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants